<template>
    <div class="indexFooter">
        <div class="btn">
            <image class="image" src="../../../web/img/shop_store_tab_index.png"></image>
            <text class="text text1">首页</text>
        </div>
        <div class="btn">
            <image class="image" src="../../../web/img/shop_store_tab_preference.png"></image>
            <text class="text text2">优选</text>
        </div>
        <div class="btn">
            <image class="image" src="../../../web/img/shop_store_tab_mine.png"></image>
            <text class="text text3">我的</text>
        </div>

    </div>
</template>

<script>
    export default {
        name: "index-footer",
        mounted:function(){
            $(".text1").css("color","#33c179")
        }
    }
</script>

<style scoped>
.indexFooter{
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
    .btn{
        flex:1;
        font-size: 28px;
    }
    .image{
        height:46px;
        width:46px;
        margin:10px auto;
    }
    .text{
        text-align:center;
        line-height: 38px;
        font-size: 28px;
        color:#999;
    }

</style>